<div>
  <div class="example-accordion-grid">
    <div class="example-accordion-container">
      <h2>Single Expansion</h2>
      <accordion-single-expansion-example></accordion-single-expansion-example>
    </div>

    <div class="example-accordion-container">
      <h2>Multi Expansion</h2>
      <accordion-multi-expansion-example></accordion-multi-expansion-example>
    </div>

    <div class="example-accordion-container">
      <h2>Disabled Accordions are Focusable</h2>
      <accordion-disabled-focusable-example></accordion-disabled-focusable-example>
    </div>

    <div class="example-accordion-container">
      <h2>Disabled Accordions are Skipped</h2>
      <accordion-disabled-skipped-example></accordion-disabled-skipped-example>
    </div>

    <div class="example-accordion-container">
      <h2>Disabled</h2>
      <accordion-disabled-example></accordion-disabled-example>
    </div>
  </div>

  <div class="example-configurable-accordion-container">
    <h2>Configurable</h2>
    <accordion-configurable-example></accordion-configurable-example>
  </div>
</div>
